@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-18 19:32:22
 * @version $Id$
 */
 body,p,h2,h3,span{
	margin:0;
	padding:0;
 }
.login .picture{
	width:800px;
	height:800px;
	margin:0 auto;
	margin:31px 0 0 288px;
	background: url(images/person-a.png) no-repeat 99px 162px;
	position: relative;
}
.login .picture .peo{
	position: absolute;
	left:99px;
	transition: all 1s;
	top:162px;
} 
.login .picture:hover .peo{
	position: absolute;
	left:120px;
	top:180px;
}
.login .picture .lipstick{
	position: absolute;
	left:20px;
	top:325px;
	transition: all 1s;
}
.login .picture:hover .lipstick{
	width:122px;
	height:122px;
	position: absolute;
	left:-75px;
	top:400px;

}
.login .picture .cosmetic{
	position: absolute;
	left:76px;
	top:265px;
	transition: all 1s;
}
.login .picture:hover .cosmetic{
	position: absolute;
	width:122px;
	height:122px;
	left:-40px;
	top:270px;
}
.login .picture .blue{
	position: absolute;
	left:90px;
	top:278px;
	font-size: 14px;
	color:#429cb7;
	transition: all 1s;
}
.login .picture:hover .blue{
	position: absolute;
	left:2px;
	top:310px;
	font-size: 20px;
}
.login .picture .blue p{
	height:14px;
	transition: all 1s;
	line-height: 14px;
}
.login .picture:hover .blue p{
	margin-bottom:8px;
}
.login .picture .wine{
	position: absolute;
	left:0;
	top:144px;
}
.login .picture .red{
	position: absolute;
	left:117px;
	top:108px;
	transition: all 1s;
}
.login .picture:hover .red{
	position: absolute;
	width:122px;
	height:122px;
	left:110px;
	top:60px;
}
.login .picture .orange{
	position: absolute;
	left:123px;
	top:125px;
	text-align: center;
	color:#ff5a00;
	transition: all 1s;
}
.login .picture:hover .orange{
	position: absolute;
	left:120px;
	top:95px;
	
}
.login .picture .orange h3{
	transition: all 1s;
	font-size:15px; 
}
.login .picture:hover .orange h3{
	font-size: 25px;
}
.login .picture .orange p{
	transition: all 1s;
	font-size:13px;
}
.login .picture:hover .orange p{
	font-size: 20px;
}
.login .picture .parts{
	position: absolute;
	left:212px;
	top:58px;
	transition: all 1s;
}
.login .picture:hover .parts{
	position: absolute;
	width:122px;
	height:122px;
	left:245px;
	top:33px;
}
.login .picture .car{
	position: absolute;
	left:333px;
	top:91px;
	transition: all 1s;
}
.login .picture:hover .car{
	position: absolute;
	left:380px;
	top:110px;
}
.login .picture .parts-b{
	position: absolute;
	transition: all 1s;
	top:230px;
	left:400px;
}
.login .picture:hover .parts-b{
	position: absolute;
	width:122px;
	height:122px;
	left:420px;
	top:250px;
}
.login .picture .light{
	position: absolute;
	left:412px;
	top:253px;
	text-align: center;
	transition: all 1s;
}
.login .picture:hover .light{
	position: absolute;
	left:430px;
	top:285px;
}
.login .picture .light h2{
	font-size: 19px;
	transition: all 1s;
	color:#1781c4;
}
.login .picture:hover .light h2{
	font-size: 25px;
}
.login .picture .light p{
	font-size: 17px;
	transition: all 1s;
	color:#6eabba;
}
.login .picture:hover .light p{
	font-size: 20px;
}
